<template>
  <div>
    <div>
        <div></div>
        <div>
            <table border="1px">
                <thead>
                    <tr>
                        <th><input type="checkbox"></th>
                        <th>角色名称</th>
                        <th>角色描述</th>
                        <th>角色权限配置</th>
                        <th>角色启用状态</th>
                        <th>最后编辑时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="item in systwm_arr" :key="item.id">
                        <td><input type="checkbox"></td>
                        <td>{{ item.rolename }}</td>
                        <td>{{ item.describe }}</td>
                        <td>{{ item.powers }}</td>
                        <td>{{ item.status }}</td>
                        <td>{{ item.lasttime }}</td>
                        <td><button>删除</button></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
  </div>
</template>

<script>
import { systwm_list } from '@/utlis/https';

export default {
//   name:'',
  data() {
    return { 
        systwm_arr:''
    }
  },
  mounted() {
      this.systwm()
  },
  methods: {
    systwm(){
      systwm_list({
        page:1,
        pagelimit:4
      })
      .then(val=>{
      console.log(val)  
      this.systwm_arr = val.data.data  
    //   this.btn_num = val.data.allpage   
    })       
    .catch(e=>{     
      console.log(e)    
    })   
      
    }
      
  },
}
</script>
<style lang='less' scoped>

</style>